<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/common/reset.css" />
    <link rel="stylesheet" href="./css/common/1px.css" />
    <link rel="stylesheet" href="./components/diao/index.css" />
    <link rel="stylesheet" href="./css/diao/fill.css" />
  </head>
  <body>
    <script src="./lib/rem.js"></script>
    <header class="header">
      <div class="header-wrap">
        <a href="javascript:history.go(-1)" class="header-icon"></a>
        <h2 class="header-data">选择资源</h2>
      </div>
    </header>

    <section class="main-content">
      <div class="fill-content">
        <h2 class="fill-content-title">三亚5日4晚半自助游套餐</h2>
        <p>
          <span>出发日期：</span>
          2017-9-10
        </p>
        <div class="fill-content-both">
          <p>
            <span>出行人数：</span>
            3成人
          </p>
          <span fill-title-right>预定限制></span>
        </div>
      </div>

      <div class="fill-input">
        <i class="fill-input-icon fill-first-icon"></i>
        <div class="fill-input-text">
          <p class="fill-input-title">
            去选择出行人
            <i class="fill-input-arrow"></i>
          </p>
          <p class="fill-input-caption">为了您顺利出行</p>
          <p class="fill-input-caption">请务必保证填写项与出游所持证件一致!</p>
        </div>
      </div>

      <div class="fill-input fill-second">
        <div class="fill-input-icon-text fill-input-icon-first">
          <i>成</i>
        </div>
        <div class="fill-input-icon-text fill-input-icon-second">
          <i>童</i>
        </div>
        <div class="fill-input-text">
          <p class="fill-input-title">
            苏打苏塔
            <i class="fill-input-arrow"></i>
          </p>
          <p class="fill-input-title fill-second-title">
            苏大大
            <i class="fill-input-arrow fill-second-arrow"></i>
          </p>
          <p class="fill-input-caption">为了您顺利出行</p>
          <p class="fill-input-caption">请务必保证填写项与出游所持证件一致!</p>
        </div>
        <p class="fill-second-lastText">更换出行人员></p>
      </div>

      <div class="fill-input fill-third">
        <i class="fill-input-icon fill-third-icon-first"></i>
        <div class="fill-input-text">
          <p class="fill-title-mes">联系人信息</p>
          <p class="fill-title-caption">请填写联系人姓名</p>
          <p class="fill-title-caption">
            请填写手机号码
            <span>1352***3553</span>
          </p>
        </div>
        <i class="fill-input-arrow fill-third-icon"></i>
      </div>

      <div class="fill-coupon">
        <span class="fill-coupon-text">1张券可用</span>
        <i class="fill-input-arrow fill-coupon-arrow"></i>
      </div>

      <div class="fill-input fill-fourth">
        <i class="fill-input-icon fill-fourth-icon-first"></i>
        <i class="fill-input-icon fill-fourth-icon-second"></i>
        <div class="fill-fourth-contain">
          <p class="fill-fourth-contain-title">发票</p>
          <p class="fill-fourth-contain-mes">不需要发票</p>
        </div>
        <div class="fill-fourth-contain fill-fourth-contain-second">
          <p class="fill-fourth-contain-title">特殊要求</p>
          <p class="fill-fourth-contain-mes">无</p>
        </div>
        <i class="fill-input-arrow fill-fourth-arrow01"></i>
        <i class="fill-input-arrow fill-fourth-arrow02"></i>
      </div>

      <div class="fill-plane">
        <i class="fill-plane-icon fill-plane-icon01"></i>
        <i class="fill-plane-icon fill-plane-icon02"></i>
        <i class="fill-plane-icon fill-plane-icon03"></i>
        <p>航班价格变动频繁，</p>
        <p>请在提交订单后25分钟内完成支付。</p>
        <p>
          点击下一步表示已阅读并同意
          <span>预订须知和重要条款</span>
        </p>
        <p>为支持绿色环保，默认电子合同，若需要签署纸质合同请致电客服。</p>
      </div>
    </section>

    <footer class="footer">
      <div class="footer-left">
        <p>
          总额：¥6318
          <span>明细></span>
        </p>
      </div>
      <div class="footer-right">
        <p>去支付</p>
      </div>
    </footer>
  </body>
</html>
